<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>在线考试</title>
			<!--引入主页样式表(开始)-->
		<link rel="stylesheet" href="css/kaoshiguanli.css" />
		<!--引入主页样式表(结束)-->
	</head>
	<body>
		<div id="" class="head">
			<div class="font">
			<h1>考试中心</h1>
			<h2>记得吗？这里曾存着你<span>80%</span>的青春，它曾带着你度过<span>360</span>个晨夜。</h2>
			</div>
		</div>
		<div class="main">
			<table >
				<tr>
					<td>
						<img src="img/imgs1.JPG" width="80px" height="80px"/><br />
						<a href="#kaoshi">在线考试</a>
						
					</td>
					<td>
										<img src="img/imgs2.JPG" width="80px" height="80px"/><br />
						<a href="#shijuan-denglu">试卷管理</a>
					</td>
					<td>
										<img src="img/imgs5.JPG" width="80px" height="80px"/><br />
						<a href="#shuji">书籍资料</a>
					</td>
					<td>
										<img src="img/imgs3.JPG" width="80px" height="80px"/><br />
						<a href="#moni">模拟考试</a>
					</td>
					<td>
																<img src="img/imgs4.JPG" width="80px" height="80px"/><br />
						
						<a href="#shijuan-denglu">管理员登录</a>
					</td>
				</tr>
			</table>
		</div>	
<!--在线考试部分-->		
		<div id="" class="beijing-ks">
	
		<div class="ks">
			
			<h3 id="kaoshi">·&nbsp;在线考试</h3>
				<p >请选择你的考试科目：</p>
				
				<ul class="nav clearfix">
	            <li><a href="">编程语言类</a>
	            	<div class="a1">
		                    <ul>
		                        <li>C和C++</li>
		                        <li>Java</li>
		                        <li>PHP</li>
		             	       <li>Python</li>
		                        <li>Javascript</li>
		                        <li>SQL</li>
		                      
		                    </ul>
		                </div>
	            	
	            </li>
	            <li><a href="">前端开发类</a>
	            	<div class="a1">
		                    <ul>
		                        <li>基础就业课</li>
		                        <li>技术专题课</li>
		                        <li>实战进阶课</li>
		                        <li>软通自研课</li>
		                    </ul>
		                </div>
	            </li>
	            <li><a href="">移动开发类</a>
	            	<div class="a1">
		                    <ul>
		                        <li>Android开发</li>
		                        <li>iOS开发</li>
		                        <li>微信开发</li>
		                        <li>跨平台开发</li>
		                        <li>其他</li>
		                    </ul>
		                </div>
	            </li>
	            <li>
	                <a href="">网络运维类</a>
	                <div class="a1">
		                    <ul>
		                        <li>Linux运维</li>
		                        <li>Python</li>
		                        <li>信息安全</li>
		                        <li>其他</li>
		                    </ul>
		                </div>
	            </li>
	            <li><a href="">游戏开发类</a>
	            	<div class="a1">
		                    <ul>
		                        <li>Unity3d</li>
		                        <li>Cocos2d</li>
		                        <li>服务器开发</li>
		                        <li>html5游戏</li>
		                        <li>UE4</li>
		                        <li>其他</li>
		                      
		                    </ul>
		                </div>
	            </li>
	            <li><a href="">云计算大数据</a>
	            	<div class="a1">
		                    <ul>
		                        <li>云计算</li>
		                        <li>大数据</li>
		                        <li>人工智能</li>
		                        <li>物联网</li>
		                        <li>区块链</li>
		                        <li>其他</li>
		                    </ul>
		                </div>
	            </li>
	            <li><a href="">软件研发类</a>
	            	<div class="a1">
		                    <ul>
		                        <li>敏捷开发</li>
		                        <li>软件测试</li>
		                        <li>软件研发</li>
		                        <li>其他</li>
		                    </ul>
		                </div>
	            </li>
	            <li><a href="">认证考试类 </a>
		      			<div class="a1">
		                    <ul>
		                        <li>思科认证</li>
		                        <li>华为认证</li>
		                        <li>红帽认证</li>
		                        <li>软考</li>
		                        <li>其他</li>
		                    </ul>
		                </div>
	            </li>
	            
	        </ul>
				
		</div>
	   
		</div>	
<!--在线考试结束-->	

<!--试卷管理部分-->
	<div id="" class="beijing-sj">
		<div class="sj">
			<h3 id="shijuan-denglu">·试卷管理-管理员登录</h3><br>
			<p>一、试卷发布</p>
			<p>二、试卷批改</p>
			<p>三、试卷命题</p>
			<p>四、试卷分析</p>
			<p>五、发布成绩</p>
			<p>六、提交报告</p><br />
			<b>(提示：以上操作需要权限，请在下方登录。)<b><br />
			
			
			<div id="" class="gl">
				
				<input type="text" name="" id="" value="" placeholder="请输入教师账号"/ maxlength="10" ><br>
				<input type="password" name="" id="" value=""  placeholder="请输入密码" maxlength="20" /><br />
				<button>登录</button><br />
				
			</div>
		</div>	
		
	</div>
<!--试卷管理部分结束-->	

<!--书籍资料-->

	<div class="shuji">
			<h3 id="shuji">·推荐书籍资料:</h3>
			<p>为了同学们更好的学习，软通教育为大家提供了大量的相关专业知识的书籍和网站。同时，我们也为大家整理了其他书籍，欢迎大家观看和阅读！<br>
			<span style="font-size: 16px;color: darkseagreen;">（提示：以下内容均为外部网站链接内容，可能内含广告，请同学们注意勿信。小心上当受骗，若涉及消费，请同学们退出网站，富二代可以继续操作！）</span></p>
			
			<h4>---书籍:---</h4>
		<table>
			<tr>
				<td>
					<a href="https://read.douban.com/reader/ebook/46662434/">
						<img style="width: 150px;height: 180px ; border: 1px solid gainsboro;" src="img/html1.jpg"/>
					</a>
					</td>
				<td>
					<a href="https://read.douban.com/reader/ebook/12295144/">
						<img style="width: 150px;height: 180px ; border: 1px solid gainsboro;" src="img/html2.jpg"/>
				</td>
				<td>
					<a href="https://read.douban.com/reader/ebook/45192086/">
						<img style="width: 150px;height: 180px ; border: 1px solid gainsboro;" src="img/45192086.jpg"/>
				</td>
				<td>
						<a href="https://read.douban.com/reader/ebook/10146007/">
						<img style="width: 150px;height: 180px ; border: 1px solid gainsboro;" src="img/10146007.jpg"/>
				</td>
				<td>
						<a href="https://read.douban.com/reader/ebook/15233230/">
						<img style="width: 150px;height: 180px ; border: 1px solid gainsboro;" src="img/15233230.jpg"/>
				</td>
				<td>
						<a href="https://read.douban.com/reader/ebook/9570914/">
						<img style="width: 150px;height: 180px ; border: 1px solid gainsboro;" src="img/9570914.jpg"/>
					
				</td>
				
			</tr>
			
		</table>
		
		<table>
			<tr>
				<td>
					<a href="https://read.douban.com/reader/ebook/57060723/">
						<img style="width: 150px;height: 180px ; border: 1px solid gainsboro;" src="img/57.jpg"/>
					</a>
					</td>
				<td>
					<a href="https://read.douban.com/reader/ebook/15115574/">
						<img style="width: 150px;height: 180px ; border: 1px solid gainsboro;" src="img/15115574.jpg"/>
				</td>
				<td>
					<a href="https://read.douban.com/reader/ebook/55372873/">
						<img style="width: 150px;height: 180px ; border: 1px solid gainsboro;" src="img/55372873.jpg"/>
				</td>
				<td>
						<a href="https://read.douban.com/reader/ebook/53522715/">
						<img style="width: 150px;height: 180px ; border: 1px solid gainsboro;" src="img/53522715.jpg"/>
				</td>
				<td>
						<a href="https://read.douban.com/reader/ebook/53244802/">
						<img style="width: 150px;height: 180px ; border: 1px solid gainsboro;" src="img/53244802.jpg"/>
				</td>
				<td>
						<a href="https://read.douban.com/reader/ebook/30701594/">
						<img style="width: 150px;height: 180px ; border: 1px solid gainsboro;" src="img/30701594.jpg"/>
					
				</td>
				
			</tr>
			
		</table>
		<span style="margin: 0px 60px; font-size: 18px; color: black; ">更多书籍请登录  <a href="https://read.douban.com/" style="color: #00BFFF;" >豆瓣阅读</a> </span>
		  	<h4>---视频网站:---</h4>
		  	<p>在线编程教学推荐主流网站：</p>
		  	<div id="" class="shipin">
		  		<a href="https://ke.qq.com/">1.腾讯课堂</a>
			
			
				<a href="https://study.163.com/">2.网易云课堂</a>
			
		
				<a href="https://www.imooc.com/">3.慕课网</a>
			
		
				<a href="https://www.w3cschool.cn/">4.W3C-school</a>
			
				<a href="http://www.itheima.com/special/tbzly/index.html?jingjia-heima-pinpaici-pc-heimachengxuyuan">5.黑马程序员</a>
		  	</div>
			
				
			
			
			
			
			
		
	</div>
		
	
	
<!--书籍资料结束-->		
		
<!--模拟考试-->		
	<div class="moni">
			<h3 id="moni">·模拟考试:</h3>
			<i>由于公司经费紧张，该模块尚未上线，敬请期待......</i>
		</div>
		
			
			
			
			
			
			
			
		
		
	</body>
</html>
